<script setup>
import comps from "@/components/utils/component_selector.js"
import { getChildren, getHeight } from "./utils.js"
import { computed, defineProps } from "vue";
const props = defineProps(["meta", "vm"]);
const { meta, vm } = props;

const childs = computed(() => getChildren(meta, vm));
const heigth = computed(() => getHeight(meta, "60px"));
</script>
<template>
  <el-header :heigth="heigth">
    <component v-for="child in childs" :is="comps(child)" :meta="child" :vm="vm" :key="child.id" />
  </el-header>
</template>